<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>main</title>
    <meta name="description" content="main">
    <meta name="keywords" content="main">
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 引入样式 -->
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../editormd/css/editormd.css" />
    <!--<link rel="stylesheet" href="../css/fonts/element-icons.woff">-->
    <!-- 引入组件库 -->

    <script src="../js/vue.js"></script>
    <script src="../js/index.js"></script>

    <style type="text/css">
        /*.hold-transition{*/
            /*border: 1px solid green;*/
            /*position:absolute;*/
            /*top:22%;*/
            /*left:50%;*/
            /*margin:-225px 0 0 -400px;*/

        /*}*/
    </style>
</head>
<body style="border: #5daf34 solid 1px" >
    <div id="app" class="editor">
        <div id="editor">
            <!-- Tips: Editor.md can auto append a `<textarea>` tag -->
            <textarea style="display:none;">### Hello Editor.md !</textarea>
        </div>
    </div>

</body>
<script src="../js/jquery.min.js"></script>
<script src="../editormd/js/editormd.js"></script>
<script type="text/javascript">
    $(function() {
        var editor = editormd("editor", {
            placeholder:'本编辑器支持Markdown编辑，左边编写，右边预览',  //默认显示的文字，这里就不解释了
            width: "90%",
            height: "900px",
            syncScrolling: "single",
            path: "../editormd/",   //你的path路径（原资源文件中lib包在我们项目中所放的位置）
            // theme: "dark",//工具栏主题
            // previewTheme: "dark",//预览主题
            // editorTheme: "pastel-on-dark",//编辑主题
            saveHTMLToTextarea: true,
            emoji: false,
            taskList: true,
            tocm: true,         // Using [TOCM]
            tex: true,                   // 开启科学公式TeX语言支持，默认关闭
            flowChart: true,             // 开启流程图支持，默认关闭
            sequenceDiagram: true, // 开启时序/序列图支持，默认关闭,
            /*toolbarIcons : function() {  //自定义工具栏，后面有详细介绍
                return editormd.toolbarModes['simple']; // full, simple, mini
            },*/
        });
    });
</script>
<script>
    new Vue({
        el: '#app',
        data:{
            html:""
        },
        method:{

        },

    });
</script>

</html>
